@xxl: 14px;
@xl: 12px;
@lg: 10px;
@md: 8px;
@sm: 6px;
@xs: 4px;
@xxs: 2px;

:root {
  --gutter-xxl: @xxl;
  --gutter-xl: @xl;
  --gutter-lg: @lg;
  --gutter-md: @md;
  --gutter-sm: @sm;
  --gutter-xs: @xs;
  --gutter-xxs: @xxs;
}


@container: container;

@columns-name: col;
@columns-count: 24;

@container-fluid: 100%;
// 最小
@xxs-screen-min: 720px;
@xxs-container: @container-fluid;
// 特小
@xs-screen-min: 768px;
@xs-container: 720px;
// 很小
@sm-screen-min: 800px;
@sm-container: 768px;
// 小
@sm-screen-min: 960px;
@sm-container: 840px;
// 中
@md-screen-min: 1080px;
@md-container: 900px;
// 大
@lg-screen-min: 1200px;
@lg-container: 980px;
// 特大
@xl-screen-min: 1600px;
@xl-container: 1000px;
// 最大
@xxl-screen-min: 1900px;
@xxl-container: 1200px;